body {
    width: 100vw;
    height: 100vh;
    background: url("../image/background.jpg") no-repeat;
    background-size: 100% 100%
}
#container {
    width: 100%;
    height: 100%;
}
#mainDiv {
    width: 350px;
    min-height: 300px;
    padding: 20px;
    background-color: aliceblue;
    position: absolute;
    bottom:30%;
    margin-bottom: -50px;
    right:260px;
}
#loginDiv tr td{
    line-height: 35px;
}
h1 {
    font-size:22px;
    text-align: center;
}
.sub-title {
    font-size: 16px;
    color: #666666;
}
.row-title {
    width: 60px;
}
button {
    width: 120px;
    height: 30px;
}
#remember_account{
    margin-left: 35px;
}
a{
    text-decoration: none;
    color:black;
}
@media screen and (max-width: 1290px) {
    body {
        background: url('../image/background.jpg');
    }
    #mainDiv{
        padding: 0;
        width:100%;
        height:100%;
        background: none;
        /*background: url('../image/background.jpg');*/
        position: absolute;
        bottom:0;
        margin: 0 0 0;
        right:0;
    }
    #loginDiv{
        width:700px;
        height:600px;
        margin-top: 50%;
        margin-left: 25%;
    }
    #remember_account{
        margin-left: 200px;
    }
}